import imgProgressActivity1 from "figma:asset/027e65c06e64b3c4e514ca4091cd4b72c37463da.png";
import { imgProgressActivity } from "../imports/svg-tugck";

interface BusyIndicatorProps {
  size?: number;
}

export default function BusyIndicator({ size = 40 }: BusyIndicatorProps) {
  return (
    <div 
      className="relative animate-spin" 
      style={{ width: size, height: size }}
      data-name="busy-indicator"
    >
      <div 
        className="absolute inset-0 flex items-center justify-center" 
        data-name="progress_activity" 
        style={{ maskImage: `url('${imgProgressActivity}')`, maskSize: 'contain', maskPosition: 'center', maskRepeat: 'no-repeat' }}
      >
        <img 
          alt="" 
          className="block max-w-none w-[82%] h-[82%]" 
          src={imgProgressActivity1} 
        />
      </div>
    </div>
  );
}